<template>
	<div  class="deskheader" >
		<ul class="date-list">
			<li  v-for="item in hotelInventories ">
				<span>{{item.date}}</span>
				<span>剩{{item.count}}间</span>
			</li>
		</ul>
	</div>
</template>
<script>
 import { mapGetters ,mapActions} from 'Vuex'
	export default{
		name:"",
		props:['hotelInventories'],
		data(){
			return {

			}
		},
		methods:{

		},
		computed:{

		},
		mounted:function(){

		},
		watch:{

		},
		destroyed:function(){

		},
		components:{

		}
	}
</script>

<style scoped lang="less">
	.deskheader{
		overflow:auto;
		.date-list{
			li{
				display: inline-block;
				float: left;
				width: 100px;
				height: 60px;
				padding:10px 0; 
				text-align: center;
				border-right: 1px solid #e2e2e2;
				span{
					display:inline-block;
					width:100%;
				}
			}
		}
	}
</style>